import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const TelegramIcon: React.FC<Props> = ({
  color = 'white',
  width = '22',
  height = '21',
  onClick,
}) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 22 21"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      onClick={onClick}
    >
      <path
        d="M21.1458 1.14492C20.7858 0.839645 20.2203 0.795965 19.6357 1.03068H19.6347C19.0199 1.2774 2.22946 8.47932 1.54594 8.77356C1.42162 8.81676 0.335864 9.22188 0.447704 10.1243C0.547544 10.9379 1.42018 11.2748 1.52674 11.3137L5.79538 12.7753C6.07858 13.718 7.12258 17.1961 7.35346 17.9392C7.49746 18.4024 7.73218 19.011 8.14354 19.1363C8.5045 19.2755 8.86354 19.1483 9.09586 18.9659L11.7056 16.5452L15.9186 19.8308L16.0189 19.8908C16.305 20.0176 16.5791 20.0809 16.8407 20.0809C17.0427 20.0809 17.2367 20.043 17.4219 19.9672C18.0531 19.708 18.3056 19.1065 18.332 19.0384L21.4789 2.6814C21.6709 1.8078 21.404 1.36332 21.1458 1.14492ZM9.56002 13.36L8.12002 17.2L6.68002 12.4L17.72 4.23996L9.56002 13.36Z"
        fill={color}
      />
    </svg>
  )
}

export default TelegramIcon
